﻿<!DOCTYPE HTML>
<!--
    Broadcast by TEMPLATED
    templated.co @templatedco
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html xmlns="http://www.w3.org/1999/html">

<head>
    <title>WFInfo</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="assets/css/main.css" />
    <link rel="icon" type="image/png" href="images/WFLogo.png">

    <meta property="og:title" content="WFInfo landing page">
    <meta property="og:site_name" content="wfinfo.warframestat.us/">
    <meta property="og:url" content="wfinfo.warframestat.us/">
    <meta property="og:description" content="Download and information about WFInfo">
    <meta property="og:type" content="website">
    <meta property="og:image" content="images/WFLogonocircle.png">
</head>

<body>

    <!-- Header -->
    <header id="header">
        <h1><a href="#">WFInfo <span>by Random Facades, Dapal-003, and Dimon222</span></a></h1>
        <a href="https://discord.gg/N8S5zfw" style="height: 100%; padding:0"> <img src="images/discord.png" style="height: 90%; right: 1.25em" alt="Discord: https://discord.gg/N8S5zfw" /> </a>
        <a href="https://github.com/WFCD/WFinfo" style="height: 100%; padding:0"> <img src="images/github.png" style="height: 95%; right: 1.25em" alt="Github: https://github.com/WFCD/WFinfo" /> </a>
    </header>

    <section id="banner" data-video="images/banner">
        <div class="inner">
            <header>
                <h1>This is WFInfo</h1>
                <p>The fissure companion app<br />
                Use at own risk, check FAQ for more info
                
            </header>
            <a href="https://github.com/WFCD/WFinfo/releases/latest/download/WFInfo.zip" style="color: #b1d0d9 !important" class="button big alt scrolly">Download now</a>
        </div>

    </section>

    <!-- Main -->
    <div id="main">

        <!-- Intro -->
        <section class="wrapper style2">
            <div class="inner">
                <header class="align-center">
                    <h2>WFInfo gives you info on each reward</h2>
                    <p>Current version 9.5.6</p>
                    <h2>Usage </h2>
                    <p>Download the latest release from above, WFinfo requires some aditional software to function properly:
                    </br>
                    Download Microsoft Visual C++ Redistributable 2019 (or later) from microsoft <a href="https://aka.ms/vs/16/release/VC_redist.x64.exe" rel="nofollow" style="text-decoration: underline">x64</a> and <a href="https://aka.ms/vs/16/release/VC_redist.x86.exe" rel="nofollow" style="text-decoration: underline">x86</a>
                    </br>
                    For Windows 7 users: <a href="https://docs.microsoft.com/en-us/windows-server/security/tls/tls-registry-settings" rel="nofollow">Enable TLS in registry</a> and ensure you have installed <a href="https://dotnet.microsoft.com/download/dotnet-framework/thank-you/net48-web-installer" rel="nofollow" style="text-decoration: underline">.NET Framework Runtime 4.8</a>
                    </br>
                    </br>
                    Run WFInfo.exe and wait for it to complete the initial load (databases + OCR data)
                    </br>
                    Under Video inside Warframe settings, set <b>Display Mode</b> to <code>Borderless Fullscreen</code>. You may want to enable <b>Optimized Flip-Model</b>.
                    </br>
                    Under Interface inside Warframe settings, open <b>Customize UI Theme</b> and turn on <code>Item Labels</code>.
                    </br>
                    Press the hotkey <code>print screen</code> on a fissure reward screen to show the display, or simply wait if you use the auto feature
                    </br>
                    </br>
                    <h3>When the program does not seem to function, do not spam the hotkey. This will create un-nessesary noise that will make debugging more difficult</h3>
                </header>
                <!-- 2 Column Image Section -->
                <div class="flex flex-2">
                    <div class="image col">
                        <div class="image fit">
                            <img src="images/Github/Overlays.PNG" alt="" />
                        </div>
                        <p class="caption">
                            Either as an overlay
                        </p>
                    </div>
                    <div class="image col">
                        <div class="image fit">
                            <img src="images/Github/RewardWindow.PNG" alt="" style="padding-top:20%" />
                        </div>
                        <p class="caption">
                            Or as a window
                        </p>
                    </div>
                </div>

                <header class="align-center">
                    <h2>How to use all the features</h2>
                    <p>A quick rundown on all the things you can do inside WFInfo</p>
                </header>
                <div class="flex flex-tabs">
                    <ul class="tab-list">
                        <li><a href="#" data-tab="tab-1" class="active">Video</a></li>
                        <li><a href="#" data-tab="tab-2">Reward scanning</a></li>
                        <li><a href="#" data-tab="tab-3">Snap-it</a></li>
                        <li><a href="#" data-tab="tab-4">WFM conectivity</a></li>
                        <li><a href="#" data-tab="tab-5">Search-it</a></li>
                        <li><a href="#" data-tab="tab-6">Master-it</a></li>
                    </ul>
                    <div class="tabs">
                        <!-- Tab 1 -->
                        <div class="tab tab-1 active" style="justify-content:center">
                            <p class="caption">
                                <a href="https://www.youtube.com/channel/UCiED7CqmvQSsSHUiQ42EWbw" style="text-decoration: underline">TheKengineer</a> made an excelent video showcasing the program and it's features as of v9.4.1 <br/>
                                <iframe width="1120" height="630" src="https://www.youtube-nocookie.com/embed/WOsORVciUNw?start=23" title="YouTube video player" frameborder="0" allow="clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                Note! This video wasn't sponsored by the WFInfo developers, we are not affiliated with TheKengineer just found it and thought it explained our application very well! 
                            </p>
                        </div>
                        <!-- Tab 2 -->
                        <div class="tab tab-2" style="justify-content:center">
                            <p class="caption">
                                The default operating mode of WFInfo, activate with the hotkey (default: print screen) to scan the rewards at the end of a mission.
                                A screenshot will be taken and the program will then read the reward names from there to display them.
                            </p>
                        </div>
                        <!-- Tab 3 -->
                        <div class="tab tab-3" style="justify-content:center">
                            <p class="caption">
                                Snap-it brings the power of WFInfo to your inventory!  <br>
                                Hold the modification key (default: left CTRL) and then press the activation key (default: print screen) to start snap-it. Once started, a transparent overlay will appear. 
                                Drag with your cursor to mark a rectangle containing the items you wish to scan. After processing, this will show an overlay the info about those items. 
                                If you have the Count Item setting enabled, it will also try to scan the amount of each item and offer to let you save how many you own.
                                <br> <br>
                                Snap-it requires Item labels enabled and does not work if the game is set to fullscreen, as there is no way to display over it. 
                            </p>
                        </div>
                        <!-- Tab 4 -->
                        <div class="tab tab-4" style="justify-content:center">
                            <p class="caption">
                                Log into your <a href="https://www.warframe.market">warframe.market</a> account and connect WFinfo to it. This will grant you the ability to do two things:
                                Manage the statues you're displaying on the website inside of WFinfo and the ability to post sell listings from within WFinfo. 
                                You can create sell listings through a couple of ways, by playing a mission and getting prime rewards scanned WFinfo will remember these items for a while.
                                Then once you open up listing window (the treasure chest) It will bring those rewards back up to prompt you to create an sell listing. If the item got mismatched you can change it.
                                If you want to list an item without running a mission you can start search-it.
                            </p>
                        </div>
                        <!-- Tab 5 -->
                        <div class="tab tab-5" style="justify-content:center">
                            <p class="caption">
                                Search-it was originally a development tool used to quickly test the ability to create listings. But it was proven to be so handy it stayed. Spawn this menu by holding the modification key (default: tilde (`)),
                                then pressing the activation key (default: print screen). A box will appear in which you can type any prime item part. It will then show the listing window where you can enter in a platinum value.
                            </p>
                        </div>
                        <!-- Tab 6 -->
                        <div class="tab tab-6" style="justify-content:center">
                            <p class="caption">
                                Master-it is a tool for telling WFInfo which prime items you have crafter or mastered in bulk. Open your profile screen, 
                                then activate it by holding the modification key (default: right CTRL) then pressing the activation key (default: print screen). 
                                This will check the screen for any prime items with mastery progress and mark them as such in the WFInfo inventory panel. This marking can also be manually toggled with the checkmark that appear on each item set.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- settings  -->
        <div id="settings">
            <section class="wrapper style2">
                <div class="inner">
                    <header>
                        <h2>Settings</h2>
                        <p>Configuring WFInfo so that it works correctly</p>
                    </header>
                    <!-- Tabbed Video Section -->
                    <div class="flex flex-tabs">
                        <ul class="tab-list">
                            <li><a href="#" data-tab="tab-1" class="active">Overview</a></li>
                            <li><a href="#" data-tab="tab-2">Display mode</a></li>
                            <li><a href="#" data-tab="tab-3">Overlay options</a></li>
                            <li><a href="#" data-tab="tab-4">Snap-it options</a></li>
                            <li><a href="#" data-tab="tab-5">Activation hotkeys</a></li>
                            <li><a href="#" data-tab="tab-6">Snap-it efficiency</a></li>
                            <li><a href="#" data-tab="tab-7">Theme options</a></li>
                            <li><a href="#" data-tab="tab-8">Miscellaneous</a></li>
                        </ul>
                        <div class="tabs">

                            <!-- Tab 1 -->
                            <div class="tab tab-1 active" style="justify-content:center">
                                <div class="image highlight">
                                    <div class="image fit">
                                        <img src="images/Settings/Unmarked.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        Settings menu is vertically resizable and scrollable, see individual sections for explanations.
                                    </p>
                                </div>
                            </div>

                            <!-- Tab 2 -->
                            <div class="tab tab-2" style="justify-content:center">
                                <div class="image highlight">
                                    <div class="image fit">
                                        <img src="images/Settings/DisplayMode.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        Choose between the rewards showing up as an overlay on top of Warframe,
                                        having a new window spawn displaying the items on a second screen,
                                        or light mode, having no display show up but copy to clipboard.
                                    </p>
                                </div>
                            </div>

                            <!-- Tab 3 -->
                            <div class="tab tab-3" style="justify-content:center">
                                <div class="image highlight">
                                    <div class="image fit">
                                        <img src="images/Settings/OverlayOptions.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        Change how long the overlay stays displayed. Change to high contrast mode to improve readability and change whether or not items get highlighted. 
                                        <br> If display mode is set to Overlay, you can adjust where the result overlay appears.
                                    </p>
                                </div>
                            </div>

                             <!-- Tab 4 -->
                             <div class="tab tab-4" style="justify-content:center">
                                <div class="image highlight">
                                    <div class="image fit">
                                        <img src="images/Settings/SnapSettings.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        Choose the minimum and maximum allowed size for the snap-it results overlay. Change how long the snap-it results stay displayed for. 
                                        <br> Change if you want snap-it to attempt to detect how many of each item you have, and let WFInfo remember that. 
                                        <br> Choose if snap-it is allowed to use more of your CPU at once for faster results.
                                    </p>
                                </div>
                            </div>

                            <!-- Tab 5 -->
                            <div class="tab tab-5" style="justify-content:center">
                                <div class="image highlight">
                                    <div class="image fit">
                                        <img src="images/Settings/ActivationHotkeys.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        Choose your preferred hotkey to activate WFInfo's reward detection. We recommend printscreen by default but you can use almost any keyboard key and even some mouse buttons! 
                                        <br> Avoid setting your activation key you'd frequently press for other reasons.
                                    </p>
                                </div>
                            </div>

                            <!-- Tab 6 -->
                            <div class="tab tab-6" style="justify-content:center">
                                <div class="image highlight">
                                    <div class="image fit">
                                        <img src="images/Settings/SnapItEfficiency.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        Snap-it efficiency, these are ducats per plat values. Anything under the min value will display as red and anything above the max value will display as green.
                                    </p>
                                </div>
                            </div>

                            <!-- Tab 7 -->
                            <div class="tab tab-7" style="justify-content:center">
                                <div class="image highlight">
                                    <div class="image fit">
                                        <img src="images/Settings/ThemeSettings.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        Useful in cases where you have issues with theme detection or the standard theme presets. </br>

                                        Use dropdown menu to override the automatic theme detection. In most cases, this should be left on <code>AUTO</code> </br>

                                        Use the cog (settings icon) to modify the <code>CUSTOM</code> theme option, if the standard options are insufficent
                                    </p>
                                </div>
                            </div>

                            <!-- Tab 8 -->
                            <div class="tab tab-8" style="justify-content:center">
                                <div class="image highlight">
                                    <div class="image fit">
                                        <img src="images/Settings/Miscellaneous.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        Auto will use the logs created by Warframe to detect when the reward screen is being displayed and run the program for you! </br>
                                        
                                        Clipboard will copy the results into your clipboard allowing you to paste it into the chat for other players (Ctrl + V)</br>
                                        
                                        Auto List will only work with Auto enabled, it wil spawn a listing screen whenever it detected rewards and an end of mission</br>
                                        
                                        Auto CSV will only work with Auto enabled, it will record information about your reward choice in <code>%appdata%/WFInfo/rewardExport.csv</code></br>
                                        
                                        Auto Add will only work with Auto enabled, whenever it detected rewards and an end of mission, it will open an interface for increasing how many of the chosen reward you own according to WFInfo. 
                                        See <code>Count Item</code> feature found under <code>Snap-it options</code></br>
                                        
                                        If you ever run into a problem running WFinfo then you might be asked by the developers for a "Debug zip", this contains information useful to the developers for debugging what went wrong.
                                        This button will generate a series of zip files that can be sent over discord (All are under 8mb)
                                    </p>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </section>
        </div>

         <!-- theme adjuster guide  -->
         <div id="themeAdjuster">
            <section class="wrapper style2">
                <div class="inner">
                    <header>
                        <h2>Theme Adjuster guide</h2>
                        <p>Configuring WFInfo to work together with Colorblind mode and any other color-changing effects. 
                            <br> Open by pressing the cog in the Theme section within the Settings menu
                        </p>
                    </header>
                    <!-- Tabbed Video Section -->
                    <div class="flex flex-tabs">
                        <ul class="tab-list">
                            <li><a href="#" data-tab="tab-1" class="active">Overview</a></li>
                            <li><a href="#" data-tab="tab-2">Loading a test image</a></li>
                            <li><a href="#" data-tab="tab-3">Enabling and testing a filter</a></li>
                            <li><a href="#" data-tab="tab-4">Adjusting a filter: Part 1</a></li>
                            <li><a href="#" data-tab="tab-5">Adjusting a filter: Part 2</a></li>
                            <li><a href="#" data-tab="tab-6">Adjusting a filter: Part 3</a></li>
                            <li><a href="#" data-tab="tab-7">Adjusting a filter: Part 4</a></li>
                            <li><a href="#" data-tab="tab-8">Using your custom theme filter</a></li>
                            <li><a href="#" data-tab="tab-9">Sharing and importing</a></li>
                        </ul>
                        <div class="tabs">

                            <!-- Tab 1 -->
                            <div class="tab tab-1 active" style="justify-content:center">
                                <div class="image highlight">
                                    <div class="image fit">
                                        <img src="images/ThemeAdjuster/FullView.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        The left side of this window is used for viewing the results of your custom theme filter
                                        <br> The right side contains everything for controlling this menu and your custom theme filter
                                        <br> What each button does will be explained in the later steps
                                    </p>
                                </div>
                            </div>

                            <!-- Tab 2 -->
                            <div class="tab tab-2" style="justify-content:center">
                                <div class="image highlight">
                                    <div class="image fit">
                                        <img src="images/ThemeAdjuster/LoadButtons.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        To configure a theme properly, we need an image to test it on. 
                                        <br> If you have recently tried using the reward screen scanning or snap-it feature, click <code>Load Last Use</code> to use it for testing. 
                                        <br> If you want to use some other image instead, click <code>Load From File</code> and select which image you want to use.
                                        <br>
                                        <br> After using one of these buttons, the image will display on the left
                                    </p>
                                </div>
                            </div>

                            <!-- Tab 3 -->
                            <div class="tab tab-3" style="justify-content:center">
                                <div class="image highlight">
                                    <div class="image fit">
                                        <img src="images/ThemeAdjuster/EnableAndShow.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        There are 4 filters in total, two that use RGB for describing colours and two that use HSL. 
                                        <br> To start off with, select one of these filters and click the checkbox to enable it. Which one you select isn't important
                                        <br> RGB and HSL describe colours in different ways, which could affect how good of a filter you can make. If you can't get a good enough result with one, you should try using the other
                                        <br>
                                        <br> <code>Show Unfiltered</code>> can be pressed at any time to show your original test image
                                        <br> <code>Apply Filter</code> can be pressed to apply the active filters. A pixel will be black if it was within the assigned range for all parameters for at least one of the enabled filters, otherwise it will be white
                                    </p>
                                </div>
                            </div>

                            <!-- Tab 4 -->
                            <div class="tab tab-4" style="justify-content:center">
                                <div class="image highlight">
                                    <div class="image fit">
                                        <img src="images/ThemeAdjuster/AdjustExample1.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        Here, I picked Primary HSL Filter and have resized the window to better see what the filter will be doing. The image in this example is using the Vitruvian theme with Tritanopia colorblind compensation
                                        <br>
                                        <br> I am now going to do the following:
                                        <br> 1. Adjust one of the sliders, in this example I will be changing Primary Hue Max to about half. You can also write a number in the corresponding textbox, using <code>.</code> for decimals
                                        <br> 2. Click <code>Apply Filter</code>
                                    </p>
                                </div>
                            </div>

                            <!-- Tab 5 -->
                            <div class="tab tab-5" style="justify-content:center">
                                <div class="image highlight">
                                    <div class="image fit">
                                        <img src="images/ThemeAdjuster/AdjustExample2.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        As we can see, the text is still black in this image, but so is a lot of other things. For you, the entire image may be black!
                                        <br>
                                        <br> We will now repeat this process, trying to find when the text switches from black to white
                                    </p>
                                </div>
                            </div>

                            <!-- Tab 6 -->
                            <div class="tab tab-6" style="justify-content:center">
                                <div class="image highlight">
                                    <div class="image fit">
                                        <img src="images/ThemeAdjuster/AdjustExample3.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        After adjusting and applying the filter a few times, this time the text turned white!
                                        <br> I know I'm close to the correct value for what I'm adjusting right now, so I'll adjust it just a bit more and it should be perfect!
                                    </p>
                                    <div class="image fit">
                                        <img src="images/ThemeAdjuster/AdjustExample4.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        There we go! Time to repeat the process for each of the other sliders. Don't forget that the min value should always be lower than its corresponding max value
                                        <br>
                                        <br> You may notice the text for Pyrana Prime Barrel in the bottom-right corner is still white. We'll cover that later
                                    </p>
                                </div>
                            </div>

                            <!-- Tab 7 -->
                            <div class="tab tab-7" style="justify-content:center">
                                <div class="image highlight">
                                    <div class="image fit">
                                        <img src="images/ThemeAdjuster/AdjustExample5.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        After adjusting all the other values, and this filter turned out very well.
                                        <br>
                                        <br> However, the Pyrana Prime Barrel in the bottom-right corner isn't visible. Why is that?
                                        <br> In the original image, I was hovering over the Pyrana Prime Barrel. The game uses a different color for this, so we'll need to use a second filter.
                                        <br> To do this, simply enable another one of the filter options and repeat the adjustment steps, this time focusing on just the text for the hovered item.
                                    </p>
                                    <div class="image fit">
                                        <img src="images/ThemeAdjuster/AdjustExample6.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        Now this filter is complete, and ready for use!
                                        <br> This example turned out really well. Even if you get a lot more noise than this, it can still be enough for WFInfo to work well.
                                    </p>
                                </div>
                            </div>

                            <!-- Tab 8 -->
                            <div class="tab tab-8" style="justify-content:center">
                                <div class="image highlight">
                                    <div class="image fit">
                                        <img src="images/ThemeAdjuster/ThemeOverride.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        Once you're done adjusting your custom filter, simply select <code>CUSTOM</code> in the Theme section of the settings menu
                                    </p>
                                </div>
                            </div>

                            <!-- Tab 9 -->
                            <div class="tab tab-9" style="justify-content:center">
                                <div class="image highlight">
                                    <div class="image fit">
                                        <img src="images/ThemeAdjuster/ImportExport.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                    </div>
                                    <p class="caption">
                                        To share your newly customized filter with someone, click <code>Export Filter</code>. 
                                        <br> The exported filter will appear in the text box above the buttons. 
                                        <br>
                                        <br> To import a filter, clear the textbox above the buttons, paste the filter into the text box above the button and click <code>Import Filter</code>
                                        <br> <b>Importing a filter will delete your old filter</b>
                                    </p>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </section>
        </div>

        <!-- faq -->
        <div id="faq">
            <section class="wrapper">
                <div class="inner">
                    <header class="align-center">
                        <h2>FAQ </h2>
                        <p></p>
                    </header>
                    <div class="" style="text-align: center; font-size:1.5em">
                        <ul class="alt">
                            <li>
                                <b>Use at own risk? What are the risks?</b><br />
                                WFinfo takes screenshots in order to process the data from Warframe. This means that<br />
                                everything on your private monitor will be captured when the process is triggered. <br />
                                These are saved in screenshots which remain locally on your machine for 12 hours. <br/>
                                Developers in the <a href="https://discord.gg/N8S5zfw">discord server</a> might ask for a "Debug zip", these zips contain the screenshots taken. <br />
                                Please make sure to only share this with developers, and always first check the contents! <br/>
                                If you wish to contact developers without discord please reach out to wfinfo@astolfo.nl
                            </li>
                            <li>
                                <b>Does this inject anything into Warframe? / Can this get me banned?</b><br />
                                No, and no.<br />
                                <a href="https://forums.warframe.com/topic/875096-wfinfo-in-game-ducats-and-platinum-prices/?tab=comments#comment-9176107" style="text-decoration: underline">[DE] Aidan has confirmed it Here.</a>
                            </li>
                            <li>
                                <b>What do I need for this program to run?</b><br />
                                The recommended OS is Windows 10 with at least update 1903, this will include the correct .NET packages needed. Along side that it's best to run the game at 1080p or a higher resolution for best results. 
                            </li>
                            <li>
                                <b>Why is it showing wrong rewards (for snap-it)?</b><br />
                                The program is not perfect, however, there are steps you can take to improve the results. The most impactful one is to increase resolution, either by increasing the game resolution or by increasing menu scaling. Another way to increasing performance is to change your theme to one with higher contrast, the default Vitruvian works well.
                            </li>
                            <li>
                                <b>Will this work with multiple monitors? / Will this work with 21:9?</b><br />
                                Yes.
                            </li>
                            <li>
                                <b>Why am I getting incorrect prices or the wrong number of popups?</b></br>
                                It's possible that the text recognition failed so make sure you've set the scaling correctly, if the issue persists please contact us on <a href="https://discord.gg/N8S5zfw" style="text-decoration: underline">discord</a>.
                            </li>
                            <li>
                                <b>Is this safe to use?</b><br />
                                This software is <a href="https://github.com/WFCD/WFinfo" style="text-decoration: underline">Open-Source</a> so if you're concerned you can have a look at the code.
                            </li>
                            <li>
                                <b>How do I use warframe.market inside of warframe info?</b> <br />
                                    <div class="align-center">
                                        <!-- Tabbed Video Section -->
                                        <div class="flex flex-tabs">
                                            <ul class="tab-list">
                                                <li><a href="#" data-tab="tab-1" class="active">Logging</a></li>
                                                <li><a href="#" data-tab="tab-2">Adding items</a></li>
                                                <li><a href="#" data-tab="tab-3">Creating listings</a></li>
                                            </ul>
                                            <div class="tabs">

                                                <!-- Tab 1 -->
                                                <div class="tab tab-1 active" style="justify-content:center">
                                                    <div class="image highlight">
                                                        <div class="image fit">
                                                            <img src="images/WFInfo_2020-07-04_01-53-00.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                                        </div>
                                                        <p class="caption">
                                                            In order to create a listing you first need to log into warframe.market. You need to have a dedicated password for this. 
                                                            If you use another login method (i.e. steam/xbox ect.) you will need to add an email to your account. You can do that under <a href="https://warframe.market/settings/account">settings -> account</a>
                                                            Enabling "Remember me" will save an authentication token in your system registry. No email or passwords are saved!
                                                        </p>
                                                    </div>
                                                </div>

                                                <!-- Tab 2 -->
                                                <div class="tab tab-2" style="justify-content:center">
                                                    <div class="image highlight">
                                                        <div class="image fit">
                                                            <img src="images/rider64_2020-07-04_02-02-36.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                                        </div>
                                                        <p class="caption">
                                                            By running a fissure mission wfinfo will store the results from the rewardscreen until you activate it by clicking the chest icon or having auto list triger. A dialog with the top 5 current sellers is listed, allowing you to make an informed decision on price.
                                                            It is also possible to spawn this screen without running missions, helpful if you're listing from your inventory!
                                                            Clicking the search icon or combining the search it keybinding with the hotkey will spawn a search box. Type in any prime item and hit enter. A similar dialog will spawn but with only the item you searched.
                                                        </p>
                                                    </div>
                                                </div>

                                                <!-- Tab 3 -->
                                                <div class="tab tab-3" style="justify-content:center">
                                                    <div class="image highlight">
                                                        <div class="image fit">
                                                            <img src="images/firefox_2020-07-04_02-00-32.png" alt="" style="max-width:600px; margin-left: auto; margin-right: auto"/>
                                                        </div>
                                                        <p class="caption">
                                                            If you already had an active listing for the item it will be updated to the new price and one will be added to the quantity. 
                                                        </p>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                            </li>
                            
                        </ul>
                    </div>
                </div>
            </section>
        </div>

        <!-- changelog -->
        <div id="changelog">
            <section class="wrapper style1">
                <div class="header" id="latest">
                    <header class="align-center">
                        <h2>WFInfo change log</h2>
                        <p>What was added in the latest releases?</p>
                    </header>

                    <div class="inner" id="9.6.0">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">9.6.0</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <p class="caption">
                                    Improve performance of searching equipment window
                                    <br> Show set price on overlay
                                    <br> Added Auto-CSV and Auto-Add
                                    <br> Detect game close and reopen
                                </p>
                            </div>
                            <div class="image col">
                                <p class="caption">
                                    Added limited GeForce Now support
                                    <br> Added option to override theme detection
                                    <br> Added Theme Adjuster, allowing support for color changes such as Colorblind mode
                                    <br> Improved experience when snap-it results may be unreliable
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="inner" id="9.5.6">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">9.5.6</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <p class="caption">
                                    Fix Master-it, was broken due to in-game UI changes
                                    <br> Fix extra WFM listings being created instead of existing ones updating
                                </p>
                            </div>
                            <div class="image col">
                                <p class="caption">
                                    Allow snap-it listing size to be adjusted, Improve reliability of Count Item
                                    <br> Fix detection of already-running WFInfo instances on startup
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="inner" id="9.5.5">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">9.5.5</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <p class="caption">
                                    Fix Count Item, was broken due to in-game UI changes
                                    <br> Separate display time setting for snap-it
                                </p>
                            </div>
                            <div class="image col">
                                <p class="caption">
                                    Improved stability of WFM login sessions
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="inner" id="9.5.4">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">9.5.4</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <p class="caption">
                                    Improve behaviour when new items get added to WFM
                                </p>
                            </div>
                            <div class="image col">
                                <p class="caption">
                                    Temporarily disabled Count Item due to in-game UI changes
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="inner" id="9.5.3">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">9.5.3</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <p class="caption">
                                    Switched item/price data distribution to WFCD / warframestat.us API
                                </p>
                            </div>
                            <div class="image col">
                                <p class="caption">
                                    Proxy support, reduce log spam from WFM activity
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="inner" id="9.5.2">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">9.5.2</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <p class="caption">
                                    Fix rare crash from scrolling in Relics/Equipment menu
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="inner" id="9.5.1">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">9.5.1</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <p class="caption">
                                    Make AVX2 detection work properly on 64-bit systems.
                                </p>
                            </div>
                            <div class="image col">
                                <p class="caption">
                                    Fix minor logging bug
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="inner" id="9.5.0">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">9.5.0</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <p class="caption">
                                    Revamp of code for various parts of the UI, modernize project files to work with Visual Studio 2022 
                                </p>
                            </div>
                            <div class="image col">
                                <p class="caption">
                                    Added multithreading to Snap-it
                                    <br> Various improvements and fixes to existing functionality
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="inner" id="9.4.2">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">9.4.2</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <p class="caption">
                                    Added Mastered status marking
                                </p>
                            </div>
                            <div class="image col">
                                <p class="caption">
                                    Added Master-it
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="inner" id="9.4.1">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">9.4.1</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <p class="caption">
                                    Added snap-it to equipment scanning
                                </p>
                            </div>
                            <div class="image col">
                                <p class="caption">
                                    Fixed fullscreen reminder not spawning
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="inner" id="9.4.0">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">9.4.0</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <p class="caption">
                                    Added korean language support
                                </p>
                            </div>
                            <div class="image col">
                                <p class="caption">
                                    Added fullscreen reminder
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="inner" id="9.3.1">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">9.3.1</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <p class="caption">
                                    Fixed status getting changed rapidly
                                </p>
                            </div>
                            <div class="image col">
                                <p class="caption">
                                    Fixed high dpi not properly getting rewads
                                </p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="inner" id="9.3.0">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">9.3.0</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/WFInfo_2020-07-04_01-26-57.png" alt="" style="padding-top:4em" />
                                </div>
                                <p class="caption">
                                    Warframe.market integration, allowing you to make listings
                                </p>
                            </div>
                            <div class="image col">
                                <div class="image fit">
                                <img src="images/WFInfo_2020-07-04_01-27-29.png" alt="" />
                                </div>
                                <p class="caption">
                                    Allowed more settings to be tweaked in app.
                                </p>
                            </div>
                        </div>
                    </div>
                    <br />
                    <div class="inner" id="9.2.2">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">9.2.2</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/highlight.jpg" alt="" style="padding-top:9em" />
                                </div>
                                <p class="caption">
                                    It's now possible to enable reward highlighting. It will show which items have the best plat and ducat values as well as items not yet marked as owned.
                                </p>
                            </div>
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/stabilty.jpg" alt="" />
                                </div>
                                <p class="caption">
                                    General stability and preformance updates
                                </p>
                            </div>
                        </div>
                    </div>
                    <br />

                    <div class="inner" id="9.2.0">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">9.2.0</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/snapit2.jpg" alt="" />
                                </div>
                                <p class="caption">
                                    Introducing multi snap-it! You can scan more than just a single item now, drag a rectangle over your whole inventory and see how much everything is worth.
                                </p>
                            </div>
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/scaling.png" alt="" style="padding-top:9em" />
                                </div>
                                <p class="caption">
                                    We've introduced an automatic scaling detection. For the users who like to play around with their scaling. This will take any menu scaling and still perfectly read the rewards out from it!
                                </p>
                            </div>
                        </div>
                    </div>
                    <br />

                    <div class="inner" id="9.1.0">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">9.1.0</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/snapit.png" alt="" style="height: 25em; width: auto; margin: auto" />
                                </div>
                                <p class="caption">
                                    Snap-it. Activate by pressing ctrl + hotkey and drag a rectangle over the item you want to see the price of. An overlay will spawn and show you what the item's value is!
                                </p>
                            </div>
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/files.png" alt="" style="height: 20em; width: auto; margin: auto" />
                                </div>
                                <p class="caption">
                                    Changes to how we update our program, boosting smaller and faster download speeds. Along side that general responsiveness has been increased, making the whole application more snappy.
                                </p>
                            </div>
                        </div>
                    </div>
                    <br />

                    <div class="inner" id="9.0.0">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">9.0.0</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/new.png" alt="" />
                                </div>
                                <p class="caption">
                                    Refactored entire code base to be now on C#,
                                    this will mean more people can contribute easier.
                                </p>
                            </div>
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/filter.png" alt="" style="padding-top:9em" />
                                </div>
                                <p class="caption">
                                    A whole lot has been added, just to list a few:
                                    Improved auto to work much more reliable, Improved detection overall.
                                    On 1080p we're receiving 99.9% accuracy and for 720p its 90%, massive
                                    improvements for UI, automatic error detection, improved user feedback,
                                    added option to copy results to clipboard, and more!
                                </p>
                            </div>
                        </div>
                    </div>
                    <br />


                    <div class="inner" id="8.2.5">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">8.2.4</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/Search.png" alt="" />
                                </div>
                                <p class="caption">
                                    Relics and equipment expanded controls,
                                    filter relics and rewards to your hearts content
                                </p>
                            </div>
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/ee.png" alt="" style="height: 30em; width: auto; margin: auto" />
                                </div>
                                <p class="caption">
                                    New auto detection, allowing WFINFO to display in non-endless missions even faster than before.
                                    As well as new auto-update feature!
                                </p>
                            </div>
                        </div>
                    </div>
                    <br />
                    <div class="inner" id="8.1.0">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">8.1.0</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/NewUI.png" alt="" />
                                </div>
                                <p class="caption">
                                    WFInfo has a new overlay mode, now transparent and showing how popular an item is!
                                </p>
                            </div>
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/NewAPI.png" alt="" style="padding-top:10%" />
                                </div>
                                <p class="caption">
                                    WFinfo has switched to a different style of collecting data, now getting bi-hourly updates on prices.
                                    This allows faster updating to incorrect prices without having to release an update
                                </p>
                            </div>
                        </div>
                    </div>
                    <br />
                    <div class="inner" id="8.0.0">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">8.0.0</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/update25.jpg" alt="" />
                                </div>
                                <p class="caption">
                                    WFInfo now supports the new UI
                                </p>
                            </div>
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/speed.png" alt="274 Ms" style="padding-top:10%" />
                                </div>
                                <p class="caption">
                                    Boasting the fastest times ever for WFinfo
                                </p>
                            </div>
                        </div>
                    </div>
                    <br />
                    <div class="inner" id="7.3.0">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">7.3.0</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/windowed.jpg" alt="" />
                                </div>
                                <p class="caption">
                                    WFInfo now supports windowed mode
                                </p>
                            </div>
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/debugss.jpg" alt="" />
                                </div>
                                <p class="caption">
                                    Improved logging of screenshots allowing us to get down right to the detail on what goes wrong
                                </p>
                            </div>
                        </div>
                    </div>
                    <br />
                    <div class="inner" id="7.2.0">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">7.2.0</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/21by9fix.jpg" alt="" />
                                </div>
                                <p class="caption">
                                    A fix for 21:9 aspect ratios has been released
                                </p>
                            </div>
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/logging.png" alt="" />
                                </div>
                                <p class="caption">
                                    Improved logging of what happens, making it easier to debug
                                </p>
                            </div>
                        </div>
                    </div>
                    <br />
                    <div class="inner" id="7.1.0">
                        <div class="align-center">
                            <h2 style="margin-bottom: 0px">7.1.0</h2>
                        </div>
                        <div class="flex flex-2">
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/window.png" alt="" style="padding-top:20%" />
                                </div>
                                <p class="caption">
                                    A new display type for relics, a separate window
                                </p>
                            </div>
                            <div class="image col">
                                <div class="image fit">
                                    <img src="images/site.jpg" alt="" />
                                </div>
                                <p class="caption">
                                    The birth of this site!
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>

        <!-- Footer -->
        <footer id="footer">
            <div class="copyright">
                The WFInfo application or this website do not have any official affiliation with Digital Extremes Ltd or Warframe.
            </div>
        </footer>

        <!-- Scripts -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/jquery.scrolly.min.js"></script>
        <script src="assets/js/skel.min.js"></script>
        <script src="assets/js/util.js"></script>
        <script src="assets/js/main.js"></script>
        <!-- Matomo -->
        <script>
          var _paq = window._paq = window._paq || [];
          /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
          _paq.push(['trackPageView']);
          _paq.push(['enableLinkTracking']);
          (function() {
            var u="https://stats.warframestat.us/";
            _paq.push(['setTrackerUrl', u+'matomo.php']);
            _paq.push(['setSiteId', '5']);
            var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
            g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
          })();
        </script>
        <noscript><p><img src="https://stats.warframestat.us/matomo.php?idsite=4&amp;rec=1" style="border:0;" alt="" /></p></noscript>
        <!-- End Matomo Code -->
    </div>
</body>

</html>
